<template>
	
	<view class="contaier">
		<cu-custom bgColor="bg-blue" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">点位档案</block>
		</cu-custom>
		<!-- 头部 -->
		<view class="topBox">
			<view class="leftImg">
				
				<view class="stateColor" :class="QrcodeStatus==1?'stateColor1':QrcodeStatus==2?'stateColor2':'stateColor3'"></view>
				<image :src='deviceIcon'></image>
			</view>
			<view class="rightTitle">
				<view>{{eTArchivesEntity.ETName}}</view>
				<view class="center">位号：{{eTArchivesEntity.ETNumber}}</view>
				<view class="theThird">
					<text>{{eTArchivesEntity.ETASFarm}}</text>
					<text>{{eTArchivesEntity.ETASWorkSection}}</text>
				</view>
				<text class="changeColor1" v-if="QrcodeStatus==1">正常</text>
				<text class="changeColor2" v-if="QrcodeStatus==2">维修中</text>
				<text class="changeColor3" v-if="QrcodeStatus==3">故障</text>
			</view>
		</view>
		
		
		<!--工单维修记录  -->
		<view class="">
			<u-gap height="10" bgColor="#f7f7f7"></u-gap>
			<view class="maintainRecord">
				<text>工单维修记录</text>
			</view>
			<view class="situationBox">
				<view  @click="seeMaintainInfo(res.Id)" v-if="QrcodeSceneInfoList.length>0" class="maintainBoxJiHua"  v-for="(res, index) in QrcodeSceneInfoList" :key="res.Id">
					<view class="itemTitle">
						<text>{{res.Desc==null?'未填写':res.Desc}}</text>
						<view class="">已结案</view>
					</view>
					<view class="itemDate">上报人/上报时间：{{res.AddUserName}} / {{res.AddTime}}</view>
					<view class="itemPreson">维修人：{{res.SceneUserName}}</view>
					<view class="last">
						<view class="itemPer">
							<!-- 1.计划  #0081ff  2 故障  #f37b1d  3 大修  #e54d42 -->
							<u-line-progress active-color="#0081ff" :percent="100"></u-line-progress>
						</view>
						<view class="seeMore">详情 ></view>
					</view>
				</view>
				<view v-if="QrcodeSceneInfoList.length<=0" class="dataNULL">
					<image class="emptyImage" :src="emptyIcon"></image>
				</view>
			</view>
			<view v-if="QrcodeSceneInfoList.length>0" class="goList" @click="seeMoreList">查看更多</view>
		</view>
		
		<view style="height: 10rpx;"></view>
		
		
		<!--设备巡检记录  -->
		<view  class="">
			<u-gap height="10" bgColor="#f7f7f7"></u-gap>
			<view class="maintainRecord">
				<text>定期巡检记录</text>
			</view>
			<view v-if="QrcodeSignInfo.length>0" class="situationBox">
				<view  @click="seeScandataInfo(res.SignId)" v-if="QrcodeSignInfo.length>0" :class="res.IsOk==1?'maintainBoxGuZhang':res.IsOk==2?'maintainBoxJiHua1':'maintainBoxDaXiu'"  v-for="(res, index) in QrcodeSignInfo" :key="res.SignId">
					<view class="itemTitle">
						<text>{{res.QrcodeTitle}}</text>
						<!-- <text v-if="false" class="weixu">{{res.JobName==null?'计划外':'计划内'}}</text> -->
						<view :class="res.IsOk==1?'itemStateGuZhang':res.IsOk==2?'itemStateJiHua1':'itemStateDaXiu'">{{res.IsOk==1?'未知':res.IsOk==2?'正常':'异常'}}</view>
					</view>
					<view class="itemDate">巡检人： {{res.RealName}}</view>
					<view class="itemPreson">巡检时间：{{res.AddTime}}</view>
					<view class="last">
						<view class="itemPer">
							<!-- 1 未知，2 正常，3 异常 -->
							<u-line-progress :active-color="res.IsOk==1?'#f37b1d':res.IsOk==2?'#39b54a':'#e54d42'" percent="100"></u-line-progress>
						</view>
						<view class="seeMore">详情 ></view>
					</view>
					<!-- <view :class="res.IsOk==1?'itemStateGuZhang':res.IsOk==2?'itemStateJiHua1':'itemStateDaXiu'">{{res.IsOk==1?'未知':res.IsOk==2?'正常':'异常'}}</view> -->
				</view>
			</view>
			<view v-if="QrcodeSignInfo.length<=0"  class="dataNULL">
				<image class="emptyImage" :src="emptyIcon"></image>
			</view>
			<view v-if="QrcodeSignInfo.length>0" class="goList" @click="seeScandataList">查看更多</view>
		</view>
		
		<!--  -->
		<view v-if="false">
			<view  style="height: 10rpx;"></view>
			<view class="maintainRecord">设备备件及附属</view>
			<view class="spTop">
				<view @click="chooseLeft(spareleft.state)" :class="spareleft.state==true?'choose':'nochoose'">{{spareleft.name}}</view>
				<view @click="chooseRight(spareleft.state)" :class="spareright.state==true?'choose':'nochoose'">{{spareright.name}}</view>
			</view>
			<view>
				<spareparts v-bind:dataList='giveList'></spareparts>
			</view>
			<view class="goList" @click="seeMoreSpareparts">查看更多</view>
		</view>
		
		<view v-if="ET_GZInfoList.length>0">
			<view class="maintainRecord">设备改造记录</view>
			<!-- 等下当组件移走 -->
			<view>
				<!-- ET_GZInfoList -->
				<view v-if="ET_GZInfoList.length>0" @click="" class="reformBox" v-for="(res, index) in ET_GZInfoList" :key="res.Id">
					<view class="itemTitle">
						<text>{{res.Content}}</text>
						<view>{{res.Curator}}</view>
					</view>
					<view class="company">施工单位：{{res.SG_Unit}}</view>
					<view class="usetime">
						<text>投用日期：{{res.TYDate}}</text>
						<text>详情 ></text>
					</view>
				</view>
				<view v-if="ET_GZInfoList.length<=0" class="dataNULL">暂无数据</view>
			</view>
			<view class="goList" @click="seeMoreChange">查看更多</view>
		</view>
			
		<!-- 设备概况及技术参数表 -->
		<!-- 设备概况及技术参数表 -->
		<view  v-if="ETMainSkillDataListNew.length>0">
			<view style="height: 15rpx;"></view>
			<view class="situation">
				<text>设备概况及技术参数表</text>
			</view>
			<view class="situationBox">
				<view v-if="ETMainSkillDataListNew.length>0" class="eachItem"  v-for="(res, index) in ETMainSkillDataListNew" :key="res.Id">
					<view>{{res.label}}</view>
					<view>{{res.value}}</view>
				</view>
			</view>
		</view>
		
		<view v-if="Files.length>0" class="">
			<u-gap height="10" bgColor="#f7f7f7"></u-gap>
			<view class="maintainRecord">
				<text>资料文档</text>
			</view>
			<view class="topPicture">
				<view  v-for="(item,index) in Files" :key="index" class="filesBox">
					<view><text class="text-lg">{{item.split('/')[item.split('/').length-1]}}</text></view>
					<view @click="openDocument(item)" class="btn">查看</view>
				</view>
			</view>
		</view>
		
		
		<view class="padding-lr flex margin-top-sm" style="justify-content: space-between;height: 200rpx;">
		</view>
		<!-- 新版本按钮 -->
		<view class="publish-goods-wrap-new">
			<view class="button-group">
				<view  @click="goScene()" class="button-item">去报修</view>
				<view  @click="goScan()" class="button-item">去巡检</view>
				<view  @click="goWeiBao()" class="button-item">去维保</view>
				<view  @click="goHome()" class="button-item">去首页</view>
			</view>
		</view>
	</view>
</template>

<script>
	import spareparts from "@/components/spareparts/spareparts.vue"
	import request from '@/common/request.js';
	export default {
		components:{
			spareparts
		},
		data() {
			return {
				emptyIcon:this.$request22.baseUrl1+'/Resource/Sg/empty/empty.png',
				deviceIcon:this.$request22.baseUrl1+'/Resource/Sg/device/deviceimg.png',
				spareleft:{
					name:'附属备件',
					state:true
				},
				spareright:{
					name:'附件、工卡、器具',
					state:false
				},
				// 组件传值
				giveList:[],
				//开始对接接口后的entity
				savingRequestData:{
					nfcId:'',
					qrcodeId:'',
					jobId:'',
					longitude:'',
					latitude:'',
					isCheckDevice:true,
					isNFC:false
				},
				reSavingRequestData:{
					nfcId:'',
					signId:'',
					longitude:'',
					latitude:'',
					isNFC:false
				},
				QrcodeStatus:'',
				//设备基本信息
				eTArchivesEntity:{
					ETName:'',
					ETNumber:'',
					ETASWorkSection:'',
					ETASFarm:''
				},
				//设备技术参数表
				ETMainSkillDataList:[],
				//设备技术参数-new
				ETMainSkillDataListNew:[],
				//设备维修记录
				QrcodeSceneInfoList:[],
				//设备改造记录
				ET_GZInfoList:[],
				//附属设备
				ETBJAndFSList:[],
				//附件工具卡
				ETFJAndGKList:[],
				//设备迁移及其报废记录
				ET_TransferScrap:{},
				//设备巡检记录
				QrcodeSignInfo:[],
				deviceId:'',
				noJob:0,
				noQrcode:0,
				Files:[]
			} 
		},
		onLoad(options) {
			let id=options.id
			this.savingRequestData.qrcodeId=options.id
			this.noJob=options.noJob
			this.noQrcode=options.noQrcode
			this.getDetailData(id);
		},
		onReady() {
			var that=this
		},
		methods: {
			openDocument(url){
				uni.showLoading({
					title: '下载中...'
				})
				uni.downloadFile({
					url: this.$request22.baseUrl1+url,
					success: function(res) {
						uni.hideLoading();
						uni.showLoading({
							title: '打开中...'
						})
						var filePath = res.tempFilePath;
						uni.openDocument({
							filePath: filePath,
							success: function(res) {
								uni.hideLoading();
							},fail() {
								uni.hideLoading();
								uni.showToast({ title: '文件打开失败', image: '/static/cha.png',duration:3000  });
							}
						});
					},fail() {
						uni.hideLoading();
						uni.showToast({ title: '文件下载失败', image: '/static/cha.png',duration:3000 });
					}
				})
			},
			goWeiBao(){
				uni.navigateTo({
					url: '/pages-weibao/wbIndex'
				})
			},
			goHome(){
				setTimeout(() => {
					  uni.reLaunch({
						 url: '/pages/index/tabbar?PageCur=home'
					  });
				}, 100)
			},
			goScene(){
				let that=this
				console.log('goScene:'+that.savingRequestData.qrcodeId)
				uni.navigateTo({
					url: '/pages/qrcode/scene/add/add?qrcodeid='+that.savingRequestData.qrcodeId
				})
			},
			goScan(){
				setTimeout(() => {
					 uni.reLaunch({
						url: '/pages/index/tabbar?PageCur=qrcode'
					 });
				}, 0)
			},
			seeScandataInfo(SignId){
				uni.navigateTo({
					url:'/pages-others/signdetail?qrcodeid='+this.savingRequestData.qrcodeId+'&signid='+SignId
				})
			},
			seeScandataList(){
				let that=this
				uni.navigateTo({
					url: '/pages-device/repair/scandata?qrcodeid='+that.savingRequestData.qrcodeId+'&deviceTitle='+that.eTArchivesEntity.ETName
				})
			},
			addScene(){
				let that=this
				console.log(that.savingRequestData.qrcodeId)
				uni.navigateTo({
					url: '/pages/qrcode/scene/add/add?qrcodeid='+that.savingRequestData.qrcodeId
				})
			},
			sub(){
				let that=this
				that.qrcodeClickNoJob()
			},
			getDetailData(id){
				var that = this;
				
				let opts = {
					url:'CofcoApi/GetETArchivesById',
					method: 'get'
				};
				let requestData={
					id:id
				}
				uni.showLoading({
					title: '加载中...'
				})
				
				request.httpTokenRequest(opts,requestData).then(res => {
					uni.hideLoading();
					if(res.data.code == 1){
						that.QrcodeStatus=res.data.data.QrcodeStatus
						console.log(that.QrcodeStatus)
						that.eTArchivesEntity=res.data.data.eTArchivesEntity
						if(res.data.data.eTArchivesEntity.ETImages!=null&&res.data.data.eTArchivesEntity.ETImages!=''){
							that.deviceIcon=res.data.data.eTArchivesEntity.ETImages
						}
						that.QrcodeSceneInfoList=res.data.data.QrcodeSceneInfoList
						
						//CustomFieldsList  主要技术参数  new
						that.ETMainSkillDataListNew=res.data.data.CustomFieldsList;
						
						that.QrcodeSignInfo=res.data.data.QrcodeSignApiInfo;
						console.log('that.QrcodeSignInfo:'+that.QrcodeSignInfo)
						
						that.ET_TransferScrap=res.data.data.ET_TransferScrap;
						console.log('deviceId:'+res.data.data.eTArchivesEntity.Id)
						that.deviceId=res.data.data.eTArchivesEntity.Id
						that.Files=res.data.data.FilesArrys
					}
					else{
						uni.hideLoading();
						uni.showToast({ title: res.data.msg, icon: 'none' });
					}
				});
			},
			qrcodeClickNoJob() {
				uni.showLoading({
					title: '提交中'
				})
				let that = this;
				let opts = {
					url: 'api/SavingQrcodeDirect',
					method: 'get'
				};
				//获取点位详情
				uni.getLocation({
					type: 'gcj02',
					isHighAccuracy:true,
					success(res3) {
						that.savingRequestData.latitude = res3.latitude;
						that.savingRequestData.longitude = res3.longitude;
						request.httpTokenRequest(opts,that.savingRequestData).then(res => {
							if(res.data.code == 1){
								uni.hideLoading();
								//去答题
								uni.navigateTo({
									url: '/pages-others/deviceCheck?qrcodeid='+that.savingRequestData.qrcodeId+'&signid='+res.data.msg+'&noJob='+that.noJob
								})
							}
							else{
								uni.hideLoading();
								uni.showToast({ title: res.data.msg, icon: 'none' });
							}
						});
					},
					fail: function () {
						uni.hideLoading();
						uni.showToast({
							title: '定位失败，请退出登陆重新开启定位',
							icon:'none',
							duration: 4000
						});
					}
				});
			},
			goAddRecord(){
				uni.navigateTo({
					url:'/pages-device/repair/addOverView?deviceId='+this.deviceId
				})
			},
			//去润滑记录
			goRunHua(){
				uni.navigateTo({
					url:'/pages-device/lubrication/lubrication?deviceId='+this.deviceId
				})
			},
			goAddRepair(){
				uni.navigateTo({
					url:'/pages-device/repair/addrepair?deviceId='+this.deviceId
				})
			},
			//备件及附属左右切换
			chooseLeft(e){
				// console.log(e)
				var that=this
				that.spareleft.state=true
				that.spareright.state=false
				that.giveList=that.ETBJAndFSList
			},
			chooseRight(e){
				var that=this
				that.spareright.state=true
				that.spareleft.state=false
				that.giveList=that.ETFJAndGKList
			},
			// 设备维修-查看更多
			gomaintainList(){
				console.log(123)
				// uni.navigateTo({
				// 	url:'/pages-device/repair/maintainList'
				// })
			},
			// 查看设备维修详情
			seeMaintainInfo(e){
				let id=e
				// uni.navigateTo({
				// 	url:'/pages-device/repair/maintainInfo?repairId='+id
					
				// })
				uni.navigateTo({					url: '/pages/qrcode/scene/detail?id='+e//+'&desc='+desc+'&IsAdmin='+res1.data.IsAdmin				})
			},
			// 查看更多-维修记录
			seeMoreList(){
				var that=this
				uni.navigateTo({
					url:`/pages-device/repair/maintainList?qrcodeId=${that.savingRequestData.qrcodeId}`
					
				})
			},
			// 查看更多-备件
			seeMoreSpareparts(){
				var that=this
				uni.navigateTo({
					//1附属备件  2 附件、工卡、器具
					url:`/pages-device/repair/spareList?deviceId=${that.deviceId}&type=${that.spareleft.state==1?1:2}`
					
				})
			},
			// 查看更多-改造记录
			seeMoreChange(){
				var that=this
				uni.navigateTo({
					url:`/pages-device/repair/changeList?deviceId=${that.deviceId}`
					
				})
			}
		}
	}
</script>

<style lang="scss">
.topBox{
	background-color: #fff;
	padding: 45rpx;
	display: flex;
}
.leftImg{
	position: relative;
	margin-right: 35rpx;
	image{
		width: 200rpx;
		height: 200rpx;
		border-radius: 8rpx;
	}
	.stateColor{
		z-index: 11;
		width: 40rpx;
		height: 40rpx;
		border-radius: 50%;
		border: 10rpx solid #fff;
		position: absolute;
		right: -25rpx;
		top: -20rpx;
	}
	.stateColor1{
		background-color: #1ab394;
	}
	.stateColor2{
		background-color: #f8ac59;
	}
	.stateColor3{
		background-color: #ed5565;
	}
}
.rightTitle{
	:nth-child(1){
		font-size: 30rpx;
		font-weight: 700;
		margin-right: 30rpx;
	}
	.center{
		margin: 20rpx 0;
	}
}
.theThird{
	margin-bottom: 24rpx;
}
// 正常维修中故障

.changeColor1{
	font-size: 24rpx;
	padding: 8rpx 16rpx;
	border-radius: 36rpx;
	background: rgba(26, 179, 148, 0.2);
	color: #1ab394;
}
.changeColor2{
	font-size: 24rpx;
	padding: 8rpx 16rpx;
	border-radius: 36rpx;
	background: rgba(248, 172, 89, 0.2);
	color: #f8ac59;
}
.changeColor3{
	font-size: 24rpx;
	padding: 8rpx 16rpx;
	border-radius: 36rpx;
	background: rgba(237, 85, 101, 0.2);
	color: #ed5565;
}
.trouble{
	padding: 25rpx;
	background-color: #fff;
	border: 1px solid #e3e3e3;
}

// 设备概况
.situation{
	padding: 20rpx;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
	view{
		background-color: #0079FE;
		color: #fff;
		width: 150rpx;
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		border-radius: 12rpx;
		font-size: 22rpx;
	}
}
.situationBox{
	//padding-top: 10rpx;
	background-color: rgba(249, 249, 249, 1);
}
.eachItem{
	display: flex;
	padding: 15rpx 30rpx;
	:nth-child(1){
		color: #9a9a9a;
		width: 30%;
	}
}
// 维修
.maintainRecord{
	padding: 20rpx;
	background-color: #fff;
	border: 1px solid #e3e3e3;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
	view{
		background-color: #0079FE;
		color: #fff;
		width: 150rpx;
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		border-radius: 12rpx;
		font-size: 22rpx;
	}
}

// 查看更多
.goList{
	width: 100%;
	height: 60rpx;
	line-height: 60rpx;
	text-align: center;
	background-color: #fff;
	color:  #999999;
	margin-bottom: 30rpx;
	font-size: 24rpx;
}
// 附属备件
.spareParts{
	width: 100%;
	height: 70rpx;
	line-height: 80rpx;
	background-color: #fff;
	font-weight: 700;
	padding-left: 25rpx;
	margin-bottom: 10rpx;
}
.spTop{
	width: 100%;
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	background-color: #fff;
	color: #999999;
	display: flex;
	.nochoose{
		width: 50%;
		border-bottom: 2px solid rgb(225, 225, 225);
	};
	.choose{
		width: 50%;
		color: #409eff;
		border-bottom: 2px solid #409eff;
	}
}
// 组件-移走
.reformBox{
	width: 96%;
	height: 176rpx;
	margin: 10rpx 2% 15rpx 2%;
	border-left: 3px solid rgba(25, 190, 107, 1);
	border-radius: 0 5px 5px 0;
	padding: 0 3%;
	color: #999999;
	background-color: #fff;
	font-size: 23rpx;
	position: relative;
	padding-top: 10rpx;
}
.itemTitle{
	margin: 10rpx 0;
	display: flex;
	font-size: 28rpx;
	font-weight: 400;
	justify-content: space-between;
	view{
		width: 90rpx;
		height: 40rpx;
		line-height: 40rpx;
		text-align: center;
		color: #19BE6B;
		border: 1px solid #19BE6B;
		border-radius: 3px;
		font-size: 22rpx;
		background-color: rgba(25, 190, 107,0.1);
	}
}
.usetime{
	margin: 15rpx 0;
	display: flex;
	justify-content: space-between;//靠左靠右
	:nth-child(2){
		font-size: 25rpx;
	}
}

.buttoncontent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .subform {
	float: left;
	bottom: 8%;
	width: 45%;
	text-align: center;
    padding: 20rpx 60rpx;
    border-radius: 18rpx;
    background-color: #0081ff;
	color: white;
  }
}



//设备维修记录
//<!-- 1.计划  #0081ff  2 故障  #f37b1d  3 大修  #e54d42 -->
.maintainBoxJiHua{
	width: 96%;
	height: 200rpx;
	margin: 10rpx 2% 15rpx 2%;
	border-left: 3px solid #0081ff;
	border-radius: 0 5px 5px 0;
	padding: 0 3%;
	color: #999999;
	background-color: #fff;
	font-size: 23rpx;
	position: relative;
	padding-top: 10rpx;
}
.maintainBoxJiHua1{
	width: 96%;
	height: 200rpx;
	margin: 10rpx 2% 15rpx 2%;
	border-left: 3px solid #39b54a;
	border-radius: 0 5px 5px 0;
	padding: 0 3%;
	color: #999999;
	background-color: #fff;
	font-size: 23rpx;
	position: relative;
	padding-top: 10rpx;
}
.maintainBoxGuZhang{
	width: 96%;
	height: 180rpx;
	margin: 10rpx 2% 15rpx 2%;
	border-left: 3px solid #f37b1d;
	border-radius: 0 5px 5px 0;
	padding: 0 3%;
	color: #999999;
	background-color: #fff;
	font-size: 23rpx;
	position: relative;
	padding-top: 10rpx;
}
.maintainBoxDaXiu{
	width: 96%;
	height: 180rpx;
	margin: 10rpx 2% 15rpx 2%;
	border-left: 3px solid #e54d42;
	border-radius: 0 5px 5px 0;
	padding: 0 3%;
	color: #999999;
	background-color: #fff;
	font-size: 23rpx;
	position: relative;
	padding-top: 10rpx;
}
// .itemTitle{
// 	margin: 10rpx 0;
// 	display: flex;
// 	font-size: 30rpx;
// 	font-weight: 700;
// 	justify-content: space-between;
// }
.weixu{
	font-size: 23rpx;
}
.itemPreson{
	margin: 10rpx 0;
}
.itemState{
	width: 90rpx;
	height: 40rpx;
	font-size: 25rpx;
	line-height: 40rpx;
	text-align: center;
	color: #fe9400;
	border: 1px solid #fe9400;
	border-radius: 5px;
	position: absolute;
	right: 3%;
	top: 80rpx;
}
//<!-- 1.计划  #0081ff  2 故障  #f37b1d  3 大修  #e54d42 -->
.itemStateJiHua{
	width: 90rpx;
	height: 40rpx;
	font-size: 25rpx;
	line-height: 40rpx;
	text-align: center;
	color: #0081ff;
	border: 1px solid #0081ff;
	border-radius: 5px;
	position: absolute;
	right: 3%;
	top: 80rpx;
}
.itemStateJiHua1{
	width: 90rpx;
	height: 40rpx;
	line-height: 40rpx;
	text-align: center;
	color: #19BE6B;
	border: 1px solid #19BE6B;
	border-radius: 3px;
	font-size: 22rpx;
	background-color: rgba(25, 190, 107, 0.1);
	position: absolute;
	right: 3%;
}

.itemStateGuZhang{
	width: 90rpx;
	height: 40rpx;
	line-height: 40rpx;
	text-align: center;
	color: #f37b1d;
	border: 1px solid #f37b1d;
	border-radius: 3px;
	font-size: 22rpx;
	background-color: #F4E8DF;
	position: absolute;
	right: 3%;
}
.itemStateDaXiu{
	width: 90rpx;
	height: 40rpx;
	line-height: 40rpx;
	text-align: center;
	color: #e54d42;
	border: 1px solid #e54d42;
	border-radius: 3px;
	font-size: 22rpx;
	background-color: #F3E4E3;
	position: absolute;
	right: 3%;
}
.last{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	.itemPer{
		width: 82%;
	};
	.seeMore{
		font-size: 25rpx;
		width: 80rpx;
		height: 40rpx;
	}
}
.dataNULL{
	color:#999999;
	font-size: 12px;
	text-align: center;
	width:100%;
	line-height: 60rpx;
	justify-content: center;
	height:400rpx;
}
.publish-goods-wrap {
		background: rgba(255, 255, 255, .5);
		padding: 24rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.publish-goods-btn-left {
		width: 44%;
		margin: 12rpx;
		background: #0079FE;
		color: #FFFFFF;
		height: 82rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 82rpx;
		float: left;
	}
	.publish-goods-btn-right {
		width: 44%;
		margin: 12rpx;
		background: #e54d42;
		color: #FFFFFF;
		height: 82rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 82rpx;
		float: right;
	}

	.goods-empty-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 40%;
	}
	
	
	.emptyImage{
		//480  356
		width: 480rpx;
		height: 356rpx;
		margin: auto;
		margin-left: 50%;
		margin-top: 40rpx;
		left: -240rpx;
		position: absolute;
	}
	.publish-goods-wrap-new {
		background: rgba(255, 255, 255, .9);
		padding: 24rpx;
		position: fixed;
		//display: flex;
		bottom: 0;
		left: 0;
		right: 0;
		height:160rpx;
		justify-content: center;
	}
	//button
	.button-group {
	 	display: flex;
		margin: 20rpx 30rpx;
		color: #2979ff;
	}
	
	.button-item {
		flex: 1;
		text-align: center;
		padding: 10px;
		border: 1px solid #2979ff;
		border-left: none;
		cursor: pointer;
	}
	
	.button-group .button-item:first-child {
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		border-left: 1px solid #2979ff;
	}
	
	.button-group .button-item:last-child {
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	
	.button-group .button-item:not(:first-child):not(:last-child) {
		border-radius: 0px;
	}
	.topPicture{
			width: 100%;
			background-color: #fff;
			border-radius: 10rpx;
			padding-bottom: 20px;
		}
		
		.topTitle{
			border-left: 10rpx solid #0079FE;
			padding-left: 30rpx;
			margin-left: 30rpx;
			margin-bottom: 30rpx;
			font-size: 35rpx;
		}
		.topImg{
			width: 90%;
			margin-left: 5%;
			margin-bottom: 30rpx;
			border-radius: 10rpx;
		}
	// 资料文档
	.filesBox{
		//margin-bottom:20rpx;
		padding:0 5%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 28rpx;
		padding-top: 30rpx;
		// border: 1px solid red;
		.btn{
			color: #fff;
			background-color: #04AE0F;
			width: 150rpx;
			height: 50rpx;
			line-height: 50rpx;
			text-align: center;
			border-radius: 35rpx;
		}
	}
</style>
